<template>
    <div>  
        <!-- todo:: 增加文章搜索框 -->

        <!-- todo:: 进阶任务： 增加文章搜索的后端接口，实现文章搜索 -->

        
        <el-table
            :data="artList"
            style="width: 100%">
            <el-table-column
            prop="title"
            label="标题"
            width="180">
            </el-table-column>
            <el-table-column
            prop="author"
            label="作者"
            width="180">
            </el-table-column>
            <el-table-column
            prop="date"
            label="日期">
            </el-table-column>

            <el-table-column
            label="操作">
            <template slot-scope="scope">
                <el-button type="primary" size="small">查看</el-button>
                <el-button type="primary" size="small">编辑</el-button>
            </template>
            </el-table-column>
            
        </el-table>
    </div>
</template>



<script>
export default {
    name:'ArtList',
    data(){
        return {
            artList:[
                {title:"Nodejs入门",author:"admin",date:"2022-10-16 11:49:57"},
                {title:"Java入门",author:"admin",date:"2022-10-16 11:49:57"},
                {title:"C++入门",author:"admin",date:"2022-10-16 11:49:57"},
                {title:"Python入门",author:"admin",date:"2022-10-16 11:49:57"},
                {title:"Php入门",author:"admin",date:"2022-10-16 11:49:57"},
            ]
        }
    },
    methods:{
        /* 自定义方法区*/
        test(){

        }
    },
    created(){

    },
    beforeCreate(){},
    mounted(){

    }

}

</script>


<style>
</style>